<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/svg+xml" href="logo.svg" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>ChatGPT</title>
	<link rel="stylesheet" href="style.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
	<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"Jv1jgsRehkwru0L5",ck:"Jv1jgsRehkwru0L5"})</script>
</head>
<body class="bg-gray-900 min-h-full">
<div id="app">
	<header class="bg-gray-800 w-full">
		<nav class="max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8" aria-label="Top">
			<div class="w-full py-6 flex items-center justify-between">
				<div class="flex items-center">
					<a href="#" class="block mr-5">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-10 w-auto text-white transition-all hover:scale-110">
							<path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-2.25-1.313M21 7.5v2.25m0-2.25l-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3l2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75l2.25-1.313M12 21.75V19.5m0 2.25l-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25" />
						</svg>
					</a>
					<div>
						<!-- <p class="text-white text-xl font-medium">RUI Chat</p> -->
						<p class="text-white opacity-90 font-thin text-xs">基于 OPENAI</p>
						<p class="text-white opacity-90 font-thin text-xs"><a href="https://mp.weixin.qq.com/s/Wt3uKJEhh1KiYd55CFvUdA" style="color: dodgerblue;">技术支持#公众号：大巫先生</a></p>

						<p class="text-white opacity-90 font-thin text-xs">如遇到没有回复，回复慢，请重新发送请求</p>
						<p class="text-white opacity-90 font-thin text-xs">如需要技术指导，账号请联系<a href="https://mp.weixin.qq.com/s/Wt3uKJEhh1KiYd55CFvUdA" style="color: dodgerblue;">公众号：大巫先生</a></p>
						<script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/Jv1jgsRehkwru0L5/quote.js?theme=#F2F2F2,#408EF4,#2D7CE3,#F3F3F3,#FFFFFF,#1690FF,12&f=12&display=1,1,1,1,0,0,0,0"></script>

						<p class="text-white opacity-90 font-thin text-xs">如需购买GPT账号请点击>> <a href="https://dl.wxredcover.cn/oLMYj" style="color: dodgerblue;font-size: 15px;" >购买</a></p>
					</div>

				</div>
				<div class="ml-10 space-x-4 flex">
					<a href="https://openai.com/api/" target="_blank" rel="noreferrer" class="flex bg-gray-700 py-2 px-4 border border-transparent rounded-md text-base font-medium text-white hover:bg-opacity-75">API</a>
					<a href="https://mmbiz.qpic.cn/mmbiz_jpg/piayIianS8z15KcxkBOoMIsq5tIhBDVuac5wfwc9fmrWCRqUjZ4dUZm0eicGVk4oRF0ur6gCLDBsic9iaCY09O3pFfg/0?wx_fmt=jpeg" target="_blank" rel="noreferrer" class="flex bg-gray-700 py-2 px-4 border border-transparent rounded-md text-base font-medium text-white hover:bg-opacity-75">
						<!-- <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="square-github" class="text-gray-200 h-6 w-6 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
							<path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4 .2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9 .2 36.5 .2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9 .4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7 .6 3.9 1.9 .3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2 .2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7 .9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2 .4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8 .9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1 .9-1.1 2.8-.9 4.3 .6 1.3 1.3 1.8 3.3 .9 4.1zm-9.1-9.1c-.9 .6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9 .9-2.4 .4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5 .9-.9 2.4-.4 3.5 .6 1.1 1.3 1.3 2.8 .4 3.5zm-6.7-7.4c-.4 .9-1.7 1.1-2.8 .4-1.3-.6-1.9-1.7-1.5-2.6 .4-.6 1.5-.9 2.8-.4 1.3 .7 1.9 1.8 1.5 2.6z"></path>
						</svg> -->
						Key
					</a>
				</div>
			</div>
		</nav>
	</header>


	<section class="w-full" aria-labelledby="notes-title">
		<div class="bg-gray-800 max-w-7xl mx-auto shadow rounded-b-lg sm:overflow-hidden">
			<div class="border-b border-gray-900">
				<div class="px-4 py-6 sm:px-6">
					<ul role="list" class="space-y-8" id="chat">



					</ul>
				</div>
			</div>
			<div class="bg-gray-800 px-4 py-6 sm:px-6">
				<div class="flex space-x-3">
					<div class="flex-shrink-0">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 rounded-full bg-gray-700 text-gray-300">
							<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
						</svg>
					</div>
					<div class="min-w-0 flex-1">
						<form action="#">
							<div>
								<label for="comment" class="sr-only">About</label>
								<textarea id="comment" name="prompt" rows="3" class="shadow-sm block w-full focus:ring-gray-500 focus:border-gray-500 sm:text-sm text-white border border-gray-700 rounded-md bg-gray-700 placeholder:text-gray-400" placeholder="想要问什么" required></textarea>
							</div>
							<div class="mt-3 flex items-center justify-between">
								<div class="inline-flex items-start text-sm space-x-2 text-gray-500">

									<svg class="flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
										<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
									</svg>
									<span class="text-gray-400">
									</span>
								</div>
								<button type="submit" class="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
									发送
								</button>

							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>

<script type="module" src="script.js"></script>
</body>
</html>
